<template>
  <div>
    插槽
    <slotChild>
        <!-- 动态数据 写入插槽 -->
      <template #[btn_name]>
        <div>我在哪里</div>
      </template>
      <!-- 作用域 插槽 -->
      <template #default="{ data }"> 我{{ data.age }}岁 -- {{ data.name }} </template>
    </slotChild>
  </div>
</template>
<script>
import slotChild from '@/components/slotChild.vue'
export default {
  name: 'slot',
  data() {
    return {
      btn_name: 'main',
    }
  },
  components: {
    slotChild,
  },
}
</script>
